
.bgimg{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -3;
}

.toptitle{
	width: 100%;
	height: 100rpx;
	padding: 20rpx 39rpx 0 35rpx;
}

.toptitle .iconview{
	width: 196rpx;
	height: 57rpx;
	position: relative;
	float: left;
}
.toptitle .iconview .box{
	width: 192rpx;
	height: 43rpx;
	border: 2px solid #1f2b4d;
	background-color: rgba(0,23,35,0.2);
	border-radius: 15rpx;
	position: absolute;
	left: 4rpx;
	top: 8rpx;
	color: #ffffff;
	font-size: 30rpx;
	text-align: right;
	padding: 0 10rpx 0 40rpx;
	overflow: hidden;
	word-break: break-all;  /* break-all(允许在单词内换行。) */
	text-overflow: ellipsis;  /* 超出部分省略号 */
	display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 1; /** 显示的行数 **/
}
.toptitle .iconview .jbimg{
	width: 57rpx;
	height: 57rpx;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}
.toptitle .iconviewhb{
	margin-left: 25rpx;
}
.toptitle .iconviewhb .jbimg1{
	width: 44rpx;
	height: 53rpx;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}
.toptitle .iconviewhb .box{
	padding: 0 10rpx 0 33rpx;
}

.toptitle .iconright{
	width: 78rpx;
	height: 76rpx;
	float: right;
	position: relative;
}
.toptitle .iconright image{
	width: 100%;
	height: 100%;
}
.toptitle .iconright .hongbaonum{
	width: 35rpx;
	height: 35rpx;
	text-align: center;
	border-radius: 50%;
	border: 2px solid #1F2B4D;
	background-color: #F44157;
	position: absolute;
	top: -10rpx;
	right: -5rpx;
	color: #FFFFFF;
	font-size: 25rpx;
	line-height: 28rpx;
}

.centerbox{
	width: 693rpx;
	height: 534rpx;
	background-image: url(../../static/imags/index/dk.png);
	background-size: cover;
	margin: 25rpx auto 0;
	padding: 30rpx 35rpx 0 30rpx;
    position: relative;
}
.centerbox1{
	width: 688rpx;
	height: 541rpx;
	background-image: url(../../static/imags/index/dk1.png);
}


.centerbox1 .hongbaobox{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 40rpx 0 0;
}
.centerbox1 .hongbaobox .hongbao{
	width: 103rpx;
	height: 126rpx;
	background-image: url(../../static/imags/index/hbd.png);
	background-size: cover;
	float: left;
	margin: 0 0 40rpx 20rpx;
	color: #FFFC14;
	text-align: center;
	line-height: 185rpx;
	font-size: 25rpx;
}

.centerbox .top .wenzi{
	float: left;
	color: #24325A;
	font-size: 35rpx;
	font-weight: bold;
}
.centerbox .top .wenzi span{
	color: #FC8C25;
}
.centerbox .videoimg{
	height: 336rpx;
	width: 349rpx;
	/* margin: 10rpx auto 0; */
	display: flex;
	align-items: center;
	justify-content: center;
    position: absolute;
    left: 0;
		right: 0;
    top: 80rpx;
    margin: auto;
}

.centerbox .caiduige{
	width: 570rpx;
	margin-left: 40rpx;
	margin-top: 15rpx;
	height: auto;
	overflow: hidden;
}
.centerbox .caiduige .wenzi{
	width: 504rpx;
	height: 47rpx;
	text-align: center;
	line-height: 47rpx;
	float: left;
	color: #24325A;
	font-size: 30rpx;
	font-weight: bold;
}
.centerbox .caiduige .wenzi span{
	color: #FC8C25;
}
.centerbox .caiduige image{
	width: 41rpx;
	height: 47rpx;
	float: right;
}
.centerbox .caiduige .progress{
	width: 504rpx;
	height: 12rpx;
	border-radius: 12rpx;
	background-color: #FFEBA1;
	float: left;
	margin-top: 10rpx;
}
.centerbox .caiduige .progress .progressbar{
	height: 100%;
	border-radius: 12rpx;
	background-color: #FFAA33;
}
.centerbox .caiduige .jindu{
	float: right;
	height: 30rpx;
	line-height: 30rpx;
	color: #24325A;
	font-size: 25rpx;
	font-weight: bold;
}
.centerbox .caiduige .jindu span{
	color: #FC8C25;
}

.miaoshu{
	width: 339rpx;
	height: 42rpx;
    margin: 50rpx auto;
}
.miaoshu image{
    width: 100%;
    height: 100%;
}
.buttonbox{
	width: 489rpx;
	height: 140rpx;
	margin: 0 auto;
}
.buttonbox .button{
	width: 489rpx;
	height: 91rpx;
	background-image: url(../../static/imags/index/wz.png);
	background-size: cover;
	text-align: center;
	line-height: 85rpx;
	color: #243899;
	font-size: 30rpx;
	font-weight: bold;
}



.videodialog{
	width: 400rpx;
	height: 337rpx;
	background-color: rgba(0,0,0,0.6);
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	border-radius: 20rpx;
	border: 2px solid #0F0D3C;
	z-index: 99999;
}
.videodialog .hbs{
	width: 252rpx;
	height: 198rpx;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 5rpx;
	margin: auto;
	z-index: -1;
}
.videodialog .title{
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	font-size: 30rpx;
	padding-top: 190rpx;
	font-weight: bold;
}

.videodialog .title1{
	width: 100%;
	text-align: center;
	color: #FFE95A;
	font-size: 30rpx;
	padding-top: 20rpx;
	font-weight: bold;
}

/* 获得现金 */
.huodemoney{
	width: 598rpx;
	height: 636rpx;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background-image: url(../../static/imags/index/kuang.png);
	background-size: cover;
}
.huodemoney .close{
	width: 28rpx;
	height: 29rpx;
	position: absolute;
	background-image: url(../../static/imags/index/x.png);
	background-size: cover;
	right: 20rpx;
	top: 85rpx;
}

.huodemoney .title{
	text-align: center;
	width: 100%;
	color: #24325A;
	font-size: 35rpx;
	font-weight: bold;
}
.huodemoney .title span{
	color: #F95300;
}
.huodemoney .title1{
	text-align: center;
	width: 100%;
	color: #24325A;
	font-size: 26rpx;
}
.huodemoney .button{
	width: 412rpx;
	height: 98rpx;
	background-image: url(../../static/imags/index/an.png);
	background-size: cover;
	text-align: center;
	line-height: 94rpx;
	margin: 0 auto;
	color: #FFFFFF;
	font-weight: bold;
	-webkit-text-stroke:0.5px #BF7000;
    font-size: 35rpx;
}
.huodemoney .button1{
    background-image: url(../../static/imags/index/jxcg.png);
}
.caigepopup{
	width: 750rpx;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.7);
}
.caigepopup .img{
	width: 428rpx;
	height: 429rpx;
	display: block;
	margin: 0 auto;
	background-image: url(../../static/imags/index/jbb.png);
	background-size: cover;
}
.caigepopup .img1{
	background-image: url(../../static/imags/index/jblk.png);
}
.caigepopup .title{
	width: 100%;
	text-align: center;
	color: #F95300;
	font-size: 45rpx;
	font-weight: bold;
}
.caigepopup .title1{
	color: #FFBF00;
	font-size: 31rpx;
}
.caigepopup .buttonimg,.hongbaopopup .buttonimg{
	width: 512rpx;
    height: 110rpx;
	display: block;
	margin: 0 auto;
}
.caigepopup .buttonimg1,.hongbaopopup .buttonimg1{
    background-image: url(../../static/imags/index/anc.png);
    background-size: 100% 100%;
    text-align: center;
    line-height: 106rpx;
    color: #FFFFFF;
    font-size: 35rpx;
    font-weight: bold;
	margin-top: 30rpx;
}
.caigepopup .tishi,.hongbaopopup .tishi{
	width: 100%;
	color: #FFFFFF;
	text-align: center;
	font-size: 26rpx;
}
.caigepopup .liandui{
    width: 300rpx;
    height: 260rpx;
    margin: 0 auto;
    position: relative;
}
.caigepopup .liandui image{
    position: absolute;
    left: 0;
    top: 0;
}
.caigepopup .liandui .num{
    line-height: 260rpx;
    font-size: 70rpx;
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 220rpx;
    color: rgb(251,114,3);
}




.hongbaopopup{
	width: 750rpx;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.7);
}
.hongbaopopup .img{
	width: 340rpx;
	height: 341rpx;
	background-image: url(../../static/imags/index/zj.png);
	background-size: cover;
	margin: 0 auto;
}
.hongbaopopup .coin{
	width: 100%;
	float: left;
	color: #F95300;
	text-align: center;
	font-weight: bold;
}
.coin{
	font-size: 40rpx;
}
.hongbaopopup .close{
	width: 56rpx;
	height: 56rpx;
	display: block;
	margin: 0 auto;
}
.close-box {
	display: flex;
	justify-content: center;
	align-items: center; 
	height: 50px;
}

.bannervideo{
	padding: 0 40rpx;
    width: 750rpx;
    height: 445rpx;
    /* margin: 0 auto; */
}